<template>
  <div>
		<n-button quaternary  v-if="themeStore.theme === 'dark'" @click="changeTheme('light')">浅色</n-button>
		<n-button quaternary  v-if="themeStore.theme === 'light'" @click="changeTheme('dark')">深色</n-button>
  </div>
</template>

<script setup>
import { useThemeStorage } from '@/stores'
const themeStore = useThemeStorage()
function changeTheme (value) {
	themeStore.setTheme(value)
}
</script>

<style scoped lang="scss">
</style>